<script type="text/javascript" src="jquery/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#country_id").change(function()
{
var con=$("#country_id").val();
var cat=$("#category").val();
var dataString = 'con='+ con+'&cat='+cat;

$.ajax
({
type: "POST",
url: "ajax_search_vendor.php",
data: dataString,
cache: false,
success: function(html)
{	
	$("#ans").html(html);
	//$("#exp").append("<div id='ven'><strong>Vendor List</strong></div>");
} 
});

});

$("#category").change(function()
{
	
	var con=$("#country_id").val();
	var cat=$("#category").val();
	var dataString = 'cat='+ cat+'&con='+con;

$.ajax
({
type: "POST",
url: "ajax_search_vendor_cat.php",
data: dataString,
cache: false,
success: function(html)
{
	$("#ans").html(html);
} 
});
});

$("#subcategory").change(function()
{
	
var con=$("#country_id").val();
	var cat=$("#category").val();
	var subcat=$("#subcategory").val();
var dataString = 'cat='+ cat+'&con='+con+'&subcat='+subcat;

$.ajax
({
type: "POST",
url: "ajax_search_vendor_subcat.php",
data: dataString,
cache: false,
success: function(html)
{
	$("#ans").html(html);
} 
});

});
});
</script>


<script type="text/javascript">
$(document).ready(function()
{
$("#category").change(function()
{
var subcat=$(this).val();
var dataString = 'subcat='+ subcat;

$.ajax
({
	
type: "POST",
url: "ajax_subcat.php",
data: dataString,
cache: false,
success: function(html)
{
$("#subcategory").html(html);
} 
});

});
});
</script>



<form name="search_vendor" id="search_vendor" enctype="multipart/form-data" method="post" action="">
                            
                            <table border="0" width="100%" cellspacing="0" cellpadding="2">						
                                
								<tr><td colspan="4" style="height:15px;"></td></tr>
								 <tr width="100%"  bgcolor="#dddddd" align="center">
									<td style="color:#050505;" colspan="6"><b>Search vendor</b></td>
								</tr>

								<tr><td colspan="6">&nbsp;</td></tr>

                                <tr>
                                    <td>COUNTRY</td>
									<td><?php echo ABGetCountry();?></td>          
									<td>CATEGORY</td>
								
									<td><?php echo AGetExpertCategories() ?></td>
							
									<td>SUB-CATEGORY</td>
								
									<td><select name="subcategory" id="subcategory" class="subcategory" >
                                    	<option value="0" selected="selected">Select</option>
                                    	</select>
									</td>
								</tr>
								
				              </table>
							  <br><br>
							  <div id="exp">
                              	<div id="ans" align="center">
							  
							  	</div>
                              </div>
									
                        </form>
                        <!--End  search_Expert-->
                    </td>                    
                </tr>                
            </table>
			<div id="lightbox-panel">

	<div id="close">
		
	</div>
</div>

<div id="lightbox" style="width: 100%; height: 1247px;"></div>
        <!--end search_Expert-->
		